/* stylelint-disable declaration-bang-space-before */
//--- 基础变量（variable） ---//
//--- 颜色变量（color）
@import "../color/colors";

//--- 全局名称（MaoGou）
$style-prefix                      : apes !default;
$cls                               : $style-prefix !default;

//--- 全局颜色（colors）
//-- 默认状态（default）
$primary-color                     : $indigo-5 !default; // 主体色（整体类）
$secondary-color                   : $gray-800 !default; // 次级色（整体类）
$info-color                        : $indigo-5 !default; // 初始色（边框类）
$normal-color                      : $white !default; // 默认色（背景类）
$success-color                     : $green-4 !default; // 成功色
$error-color                       : $red-5 !default; // 错误色
$warning-color                     : $orange-3 !default; // 警告色
$light-color                       : $gray-300 !default; // 高亮色
$dark-color                        : $gray-800 !default; // 暗黑色
$text-color                        : $black !default; // 文字色
$opacity-color                     : rgba(0, 0, 0, 0.15) !default; // 透明色
$text-color-inverse                : $white;
$highlight-color                   : $red-5 !default;
$processing-color                  : $primary-color !default;

$selection-color                   : $primary-color !default; //选中色

//-- 主体色色系（primary）
$primary-1                         : lighten($primary-color, 5%) !default;
$primary-2                         : lighten($primary-color, 10%) !default;
$primary-3                         : lighten($primary-color, 15%) !default;
$primary-4                         : lighten($primary-color, 20%) !default;
$primary-5                         : lighten($primary-color, 25%) !default;
$primary-6                         : lighten($primary-color, 30%) !default;
$primary-7                         : lighten($primary-color, 35%) !default;
$primary-8                         : lighten($primary-color, 40%) !default;
$primary-9                         : lighten($primary-color, 45%) !default;
$primary-10                        : lighten($primary-color, 50%) !default;

//-- 激活状态（active）
$active-color                      : darken($primary-color, 8%) !default; // 主体色（整体类）

//-- 移入状态（hover）
$hover-color                       : lighten($primary-color, 16%) !default; // 主体色（整体类）

//-- 禁止状态（disabled）
$disabled-color                    : lighten($primary-color, 24%) !default; // 主体色（整体类）

//-- 视窗背景（screen background）
$body-background                   : #fff !default;

//-- 组件背景（components background）
$component-background              : #fff !default;

//--- 基础视窗变量（screen）
//-- 视窗大小（windowSize）& 最小值（min）
// 超小屏（Extra small screen）/ 手机（phone）
$screen-xs                         : 480px !default;
$screen-xs-min                     : $screen-xs !default;

// 小屏（Small screen）/ 平板电脑（tablet）
$screen-sm                         : 576px !default;
$screen-sm-min                     : $screen-sm !default;

// 中屏（Medium screen）/ 桌面（desktop）
$screen-md                         : 768px !default;
$screen-md-min                     : $screen-md !default;

// 大屏（Large screen）/ 宽屏（wide desktop）
$screen-lg                         : 992px !default;
$screen-lg-min                     : $screen-lg !default;

// 超大屏（Extra large screen）/ 全高清（full hd）
$screen-xl                         : 1200px !default;
$screen-xl-min                     : $screen-xl !default;

// 超特大屏（Extra extra large screen）/ 超宽屏（large desktop）
$screen-xxl                        : 1600px !default;
$screen-xxl-min                    : $screen-xxl !default;

// 最大值（max）
$screen-xs-max                     : ($screen-sm-min - 1px) !default;
$screen-sm-max                     : ($screen-md-min - 1px) !default;
$screen-md-max                     : ($screen-lg-min - 1px) !default;
$screen-lg-max                     : ($screen-xl-min - 1px) !default;
$screen-xl-max                     : ($screen-xxl-min - 1px) !default;

// 视窗间距（gutter）
$screen-gutter                     : .5em !default;

//--- 字体（font）
// 字体类（family）
$font-family-no-number             : "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family                       : Roboto,"Monospaced Number", $font-family-no-number !default;
$code-family                       : Consolas, Menlo, Courier, monospace !default;

// 大小（size）
$font-size-base                    : 13px !default;
$font-size-lg                      : $font-size-base + 2px !default;
$font-size-sm                      : 12px !default;
$line-height-base                  : 1.5 !default;

// 颜色（color）
$heading-color                     : rgba(#000, 0.85) !default;
$text-color-secondary              : rgba(#000, 0.45) !default;
$heading-color-dark                : rgba(#fff, 1) !default;
$text-color-dark                   : rgba(#fff,0.85) !default;
$text-color-secondary-dark         : rgba(#fff, 0.65) !default;

//--- 整体框架（frame）
//-- 布局（layout）
$layout-body-background            : #f0f2f5 !default;
$layout-header-background          : #001529 !default;
$layout-footer-background          : $layout-body-background !default;
$layout-header-height              : 64px !default;
$layout-header-padding             : 0 50px !default;
$layout-footer-padding             : 24px 50px !default;
$layout-sider-background           : $layout-header-background !default;
$layout-trigger-height             : 48px !default;
$layout-trigger-background         : #002140 !default;
$layout-trigger-color              : #fff !default;
$layout-zero-trigger-width         : 36px !default;
$layout-zero-trigger-height        : 42px !default;
$layout-gutter                     : 8px !default;
$layout-ease                       : cubic-bezier(.25, 0, .15, 1) !default;

// 层级列表（z-index list）
$zindex-affix                      : 10 !default;
$zindex-back-top                   : 10 !default;
$zindex-modal-mask                 : 1000 !default;
$zindex-modal                      : 1000 !default;
$zindex-notification               : 1010 !default;
$zindex-message                    : 1010 !default;
$zindex-popover                    : 1030 !default;
$zindex-picker                     : 1050 !default;
$zindex-dropdown                   : 1050 !default;
$zindex-tooltip                    : 1060 !default;
$zindex-table-fixed: auto;

// 定位（position）
$zindex-base                       : $zindex-back-top - 1 !default;
$zindex-fixed                      : $zindex-base !default;
$zindex                            : $zindex-base !default;

//-- 头部（header）
$header-top                        : 0 !default;
$header-bottom                     : auto !default;
$header-left                       : 0 !default;
$header-right                      : auto !default;
$header-wd                         : 100% !default;
$header-hg                         : 48px !default;//64px !default;
$header-bg                         : $primary-color !default;
$header-padding                    : $layout-gutter * 2 !default;
$header-margin                     : 0 !default;
$header-box-shadow                 : 0 1px 10px rgba(0, 0, 0, 0.2) !default;
$header-layout-padding             : 0 $header-padding 0 4px !default;
$header-layout-margin              : 0 !default;
$header-zindex                     : $zindex + 10 !default;

$header-collapsed-wd               : $header-wd !default;
$header-collapsed-margin           : $header-margin !default;

// 导航按钮（nav-item）
$header-item-display               : block !default;

// 商标（logo）
$header-logo-position              : relative !default;
$header-logo-top                   : auto !default;
$header-logo-bottom                : auto !default;
$header-logo-left                  : auto !default;
$header-logo-right                 : auto !default;
$header-logo-display               : none !default;
$header-logo-collapsed-display     : inline !default;
$header-logo-collapsed-top         : auto !default;
$header-logo-collapsed-left        : auto !default;
$header-btn-menu-hover             : $primary-color !default;;

// 查询（search）
$header-search-enabled             : true !default;
$header-search-height              : 34px !default;

//-- 侧边栏（aside）
$aside-top                         : 0 !default;
$aside-bottom                      : 0 !default;
$aside-left                        : auto !default;
$aside-right                       : auto !default;
$aside-wd                          : 200px !default;
$aside-hg                          : calc(100vh - #{$header-hg}) !default;
$aside-bg                          : #fff !default;
$aside-padding                     : 24px 0 0 !default;
$aside-margin                      : $header-hg 0 0 !default;
$aside-zindex                      : $zindex + 5 !default;
$aside-collapsed-wd                : $layout-gutter * 8 !default;


// 滚轮（scrollbar）
$aside-scrollbar-width             : 0 !default;
$aside-scrollbar-height            : 0 !default;
$aside-scrollbar-track-color       : transparent !default;
$aside-scrollbar-thumb-color       : transparent !default;

// 手风琴菜单菜单（nav）
$aside-nav-fs                      : 14px !default;
$aside-nav-padding-top-bottom      : $layout-gutter !default;
$aside-nav-text-color              : $text-color !default;
$aside-nav-text-hover-color        : $primary-color !default;
$aside-nav-group-text-color        : $text-color-secondary !default;
$aside-nav-selected-text-color     : $primary-color !default;
$aside-nav-selected-bg             : #fcfcfc !default;
$aside-nav-selected-bg-color       : $aside-nav-selected-bg !default;
$aside-nav-selected-bg-h-color     : $aside-nav-selected-bg !default;
$aside-nav-item-height             : 38px !default;
$aside-nav-collapsed-fs            : 24px !default;

// 气泡菜单（menu）
$aside-menu-fs                     : 14px !default;
$aside-menu-padding-top-bottom     : $layout-gutter !default;
$aside-menu-text-color             : $text-color !default;
$aside-menu-text-hover-color       : $primary-color !default;
$aside-menu-selected-bg-h-color    : $aside-nav-selected-bg !default;
$aside-menu-con-selected-bg-color  : $aside-menu-selected-bg-h-color !default;
$aside-menu-border-left-h-color    : 3px solid transparent !default;
$aside-menu-selected-box-shadow    : 0 !default;
$aside-menu-collapsed-fs           : 24px !default;
$aside-menu-collapsed-border       : none !default;
$aside-menu-collapsed-display      : none !default;

$aside-menu-input-bg               : #fff !default;
$aside-menu-input-suffix-color     : #666 !default;

$aside-menu-group-display          : inline-block !default;
$aside-menu-group-align            : left !default;
$aside-menu-group-title-fs         : $font-size-base + 2 !default;
$aside-menu-group-title-selected   : 8px !default;
$aside-menu-group-icon-fs          : $font-size-base + 2 !default;
$aside-menu-group-text-fs          : $font-size-base + 2 !default;
$aside-menu-group-text-color       : $text-color-secondary !default;
$aside-menu-group-text-hover-color : $primary-color !default;
$aside-menu-group-text-padding     : 0 $layout-gutter * 2 !default;

$aside-menu-pop-arrow-top          : 12px !default;
$aside-menu-pop-arrow-left         : 47px !default;
$aside-menu-pop-arrow-shadow       : -2px 2px 12px rgba(0, 0, 0, 0.6) !default;
$aside-menu-pop-arrow-shadow-d     : block !default;
$aside-menu-pop-inner-top          : 52px !default;
$aside-menu-pop-inner-left         : 210px !default;
$aside-menu-pop-inner-shadow       : 0 1px 8px rgba(0, 0, 0, 0.6) !default;
$aside-menu-pop-inner-border-right : 0 !default;
$aside-menu-pop-inner-border-radius: 4px !default;
$aside-menu-pop-inner-content-hg   : calc(100vh - (#{$header-hg} + 12px)) !default;
$aside-menu-collapsed-arrow-left   : 21px !default;
$aside-menu-collapsed-inner-left   : 74px !default;


//-- 导航条（reuse-tab）
$reuse-tab-height                  : 52px !default;
$reuse-tab-bg                      : #fff !default;
$reuse-tab-padding                 : 8px !default;
$reuse-tab-margin                  : 0 !default;
$reuse-tab-border-color            : #d9d9d9 !default;
$reuse-tab-color                   : $text-color !default;
$reuse-tab-active-color            : $primary-color !default;
$reuse-tab-ink-color               : $primary-color !default;
$reuse-tab-top                     : $header-hg !default;
$reuse-tab-bottom                  : auto !default;
$reuse-tab-left                    : $aside-wd !default;
$reuse-tab-right                   : 0 !default;
$reuse-tab-zindex                  : 10 !default;

//-- 主体（content）
$apes-header-hg                    : 34px !default;//--- 头部按钮状态栏（apes-header）
$content-heading-bg                : #fafbfc !default;
$content-heading-border            : #efe3e5 !default;
$content-bg                        : #f5f7fa !default;
$content-padding                   : 8px !default;
$content-margin-top                : $header-hg + $reuse-tab-height + $apes-header-hg + $content-padding !default;
$content-margin                    : $content-margin-top $content-padding $content-padding !default;
$content-margin-left               : $aside-wd + $content-padding !default;
$content-collapsed-margin-left     : $aside-collapsed-wd + $content-padding !default;
$content-hg                        : calc(100vh - (#{$content-margin-top} + #{$content-padding})) !default;

//--- 盒子（box）
//-- 边框（border）
$border-color-base                 : #d9d9d9 !default;
$border-color-split                : #e8e8e8 !default;
$border-width-base                 : 1px !default;
$border-style-base                 : solid !default;

// 外边框线（outline）
$outline-blur-size                 : 0 !default;
$outline-width                     : 2px !default;
$outline-color                     : $primary-color !default;

$background-color-light            : #fafafa !default;
$background-color-base             : #f5f5f5 !default;

// 不可编辑状态（disabled states）
//$disabled-color                    : rgba(#000, 0.25) !default;
$disabled-bg                       : $background-color-base !default;
$disabled-color-dark               : rgba(#fff, 0.35) !default;

// 阴影（shadow）
$shadow-color                      : rgba(0, 0, 0, .15) !default;
$shadow-1-up                       : 0 2px 8px $shadow-color !default;
$shadow-1-down                     : 0 2px 8px $shadow-color !default;
$shadow-1-left                     : -2px 0 8px $shadow-color !default;
$shadow-1-right                    : 2px 0 8px $shadow-color !default;
$shadow-2                          : 0 4px 12px $shadow-color !default;
$shadow-color-inverse              : $component-background;

$box-shadow-base                   : $shadow-1-down !default;

// 圆角（radius）
$border-radius-base                : 4px !default;
$border-radius-sm                  : 2px !default;

// 外边距（margin）
$margin-lg                         : 24px !default; // containers
$margin-md                         : 16px !default; // small containers and buttons
$margin-sm                         : 12px !default; // Form controls and items
$margin-xs                         : 8px !default; // small items
$margin-xss                        : 4px !default; // more small

// 内边距（paddings）
$padding-lg                        : 24px !default;
$padding-md                        : 16px !default;
$padding-sm                        : 12px !default;
$padding-xs                        : 8px !default;

//--- 控制器（controls）
// 内边距（paddings）
$control-padding-horizontal        : $padding-sm !default;
$control-padding-horizontal-sm     : $padding-xs !default;

// 颜色（color）
$item-active-bg                    : $primary-1 !default;
$item-hover-bg                     : $primary-1 !default;

//--- 图标（icons）
$iconfont-css-prefix               : anticon !default;
$icon-url                          : "https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i." !default;

//--- 链接（link）
$link-color                        : $primary-color !default;
$link-hover-color                  : $primary-5 !default;
$link-active-color                 : $primary-7 !default;
$link-decoration                   : none !default;
$link-hover-decoration             : none !default;

//--- 动画（animation）
$ease-base-out                     : cubic-bezier(0.7, 0.3, 0.1, 1) !default;
$ease-base-in                      : cubic-bezier(0.9, 0, 0.3, 0.7) !default;
$ease-out                          : cubic-bezier(0.215, 0.61, 0.355, 1) !default;
$ease-in                           : cubic-bezier(0.55, 0.055, 0.675, 0.19) !default;
$ease-in-out                       : cubic-bezier(0.645, 0.045, 0.355, 1) !default;
$ease-out-back                     : cubic-bezier(0.12, 0.4, 0.29, 1.46) !default;
$ease-in-back                      : cubic-bezier(0.71, -0.46, 0.88, 0.6) !default;
$ease-in-out-back                  : cubic-bezier(0.71, -0.46, 0.29, 1.46) !default;
$ease-out-circ                     : cubic-bezier(0.08, 0.82, 0.17, 1) !default;
$ease-in-circ                      : cubic-bezier(0.6, 0.04, 0.98, 0.34) !default;
$ease-in-out-circ                  : cubic-bezier(0.78, 0.14, 0.15, 0.86) !default;
$ease-out-quint                    : cubic-bezier(0.23, 1, 0.32, 1) !default;
$ease-in-quint                     : cubic-bezier(0.755, 0.05, 0.855, 0.06) !default;
$ease-in-out-quint                 : cubic-bezier(0.86, 0, 0.07, 1) !default;

$animation-duration-slow           : .3s !default;
$animation-duration-base           : .2s !default;
$animation-duration-fast           : .1s !default;

//--- 布局变量（layout） ---//
$passport-bg                       : url('assets/tmp/img/logo/bg-login.jpg') !default;
$passport-title-text               : url('assets/tmp/img/logo/yy-logo.png') !default;

$login-padding                     : 0 !default;
$login-bg                          : transparent !default;
$login-border-radius               : 0 !default;
$login-shadow                      : none !default;
$login-tabs-color                  : $primary-color !default;
$login-btn-color                   : $primary-color !default;
$login-btn-color-h                 : $primary-5 !default;
$login-auto-color                  : $text-color !default;
$login-forget-color                : $primary-5 !default;

$fn-login-shadow                   : 0px 2px 20px 0px rgba(19, 162, 253, 0.2) !default;
$fn-login-left                     : 13% !default;
$fn-login-color                    : $primary-color !default;
$fn-right-img                      : url('assets/tmp/img/fn/zt-background-right.png') !default;
$fn-right-img-width                : 46.2% !default;
$fn-right-img-height               : 76.5% !default;
$fn-right-img-left                 : 40.3% !default;
$fn-right-img-top                  : 11.6% !default;
$fn-login-head-left                : 14% !default;
$fn-fn-the-bg                      : rgba(220, 241, 255, 1) !default;
$fn-fn-the                         : #13A2FD !default;
$fn-login-head-btn                 : #13A2FD !default;
$fn-login-head-btn-span            : #13A2FD !default;

$global-footer-links-color         : $text-color-secondary !default;
$global-footer-links-color-h       : $text-color !default;
$global-footer-copyright-color     : $text-color-secondary !default;
$global-footer-copyright-links-color: $text-color !default;

//--- 路由变量（routes） ---//


//=============================================================================//


//--- 组件变量（components） ---//

//--- 表单控件（form）
//--- 按钮（buttons）
$btn-font-weight                   : 400 !default;
$btn-border-radius-base            : $border-radius-base !default;
$btn-border-radius-sm              : $border-radius-base !default;

$btn-primary-color                 : #fff !default;
$btn-primary-bg                    : $primary-color !default;
$btn-primary-bg-h                  : $primary-color !default;
$btn-primary-border                : $primary-color !default;
$btn-primary-border-h              : $primary-color !default;

$btn-default-color                 : $text-color !default;
$btn-default-bg                    : #fff !default;
$btn-default-bg-h                  : #fff !default;
$btn-default-border                : $border-color-base !default;
$btn-default-border-h              : $border-color-base !default;

$btn-highlight-color               : $primary-color !default;
$btn-highlight-bg                  : $primary-color !default;
$btn-highlight-border              : $primary-color !default;

$btn-danger-color                  : $error-color !default;
$btn-danger-bg                     : $background-color-base !default;
$btn-danger-border                 : $border-color-base !default;

$btn-disable-color                 : $disabled-color !default;
$btn-disable-bg                    : $disabled-bg !default;
$btn-disable-border                : $border-color-base !default;

$btn-padding-base                  : 0 $padding-md - 1px !default;
$btn-font-size-lg                  : $font-size-lg !default;
$btn-font-size-sm                  : $font-size-base !default;
$btn-padding-lg                    : $btn-padding-base !default;
$btn-padding-sm                    : 0 $padding-xs - 1px !default;

$btn-height-base                   : 28px !default;
$btn-height-lg                     : 40px !default;
$btn-height-sm                     : 24px !default;

$btn-circle-size                   : $btn-height-base !default;
$btn-circle-size-lg                : $btn-height-lg !default;
$btn-circle-size-sm                : $btn-height-sm !default;

$btn-group-border                  : $primary-5 !default;

$btn-ghost-color                   : $text-color !default;
$btn-ghost-bg                      : transparent !default;
$btn-ghost-border                  : $border-color-base !default;
$btn-list-font-size-base           : 12px !default;

//-- 输入框（input）
$input-height-base                 : 28px !default;
$input-height-lg                   : 42px !default;
$input-height-sm                   : 24px !default;
$input-line-height                 : $line-height-base !default;
$input-placeholder-color           : #bfbfbf !default;
$input-color                       : $text-color !default;
$input-bg                          : #fff !default;
$input-addon-bg                    : $background-color-light !default;
$input-hover-border-color          : $primary-color !default;
$input-disabled-color              : $disabled-color !default;
$input-disabled-bg                 : $disabled-bg !default;

$input-padding-horizontal          : $control-padding-horizontal - 1px !default;
$input-padding-horizontal-base     : $input-padding-horizontal !default;
$input-padding-horizontal-sm       : $control-padding-horizontal-sm - 1px !default;
$input-padding-horizontal-lg       : $input-padding-horizontal !default;
$input-padding-vertical-base       : 4px !default;
$input-padding-vertical-sm         : 1px !default;
$input-padding-vertical-lg         : 6px !default;

$input-border-type                 : false !default;// 用来拆分边框
$input-border-width                : $border-width-base !default;
$input-border-style                : $border-style-base !default;
$input-border-color                : $border-color-base !default;
$input-border-radius               : $border-radius-base !default;
$input-border-base                 : $input-border-width $input-border-style $input-border-color !default;
$input-border-top                  : $input-border-base !default;
$input-border-bottom               : $input-border-base !default;
$input-border-left                 : $input-border-base !default;
$input-border-right                : $input-border-base !default;
$input-border-bottom-disabled      : $input-border-base !default;

//-- 选择框（ng-select）
$ng-select-color                   : $btn-primary-border !default;
$ng-select-selected-color          : #f5faff !default;
$ng-select-option-color            : #e6f7ff !default;
$ng-select-disabled-color          : $disabled-color !default;
$ng-select-disabled-bg             : $disabled-bg !default;

$ng-select-arrow-color             : rgba(0,0,0,0.6) !default;
$ng-select-arrow-disabled-color    : $ng-select-disabled-color !default;

$ng-select-border-color            : $border-color-base !default;
$ng-select-border-color-h          : $border-color-base !default;
$ng-select-border-radius           : $border-radius-base !default;
$ng-select-shadow-size             : 2px !default;
$ng-select-shadow                  : rgba(0, 99, 97, 0.2) !default;

//--只读框（span）
$span-disabled                     : #ffc !default;
$span-border-bottom-disabled       : $input-border-base !default;
$span-border-color-h               : $border-color-base !default;

//---布局控件（layout）
//-- 头部按钮状态栏（apes-header）
$apes-header-top                   : $header-hg + $reuse-tab-height - 2 !default;
$apes-header-bottom                : auto !default;
$apes-header-left                  : $aside-wd !default;
$apes-header-right                 : 0 !default;




//---反馈控件（feedback）
//-- 模块（modal）
$modal-body-padding                : 24px !default;
$modal-mask-bg                     : rgba(0, 0, 0, 0.65) !default;






// 复选框（checkbox）
$checkbox-size                     : 16px !default;
$checkbox-color                    : $primary-color !default;
$checkbox-check-color              : #fff !default;
$checkbox-disabled-bg              : $input-disabled-bg !default;

// 单选框（radio）
$radio-size                        : 16px !default;
$radio-dot-color                   : $primary-color !default;
$radio-duration                    : .3s !default;

// 单选按钮（radio buttons）
$radio-button-bg                   : $btn-default-bg !default;
$radio-button-color                : $btn-default-color !default;
$radio-button-hover-color          : $primary-5 !default;
$radio-button-active-color         : $primary-7 !default;




//--- 栅格变量（grid）
// 等分数（columns）
$grid-columns                      : 24 !default;
$grid-gutter-width                 : 0 !default;

// 等分比例（scale）
$grid-columns-scale                : 100%/$grid-columns !default;

// 栅格列表（list）
$grid-list: () !default;

$grid-list: map_merge(
  (
    xs  : $screen-xs,
    sm  : $screen-sm,
    md  : $screen-md,
    lg  : $screen-lg,
    xl  : $screen-xl,
    xxl : $screen-xxl
  ),
  $grid-list
);





















// 表单（form）
$label-required-color              : $highlight-color !default;
$label-color                       : $heading-color !default;
$form-item-margin-bottom           : 24px !default;
$form-item-trailing-colon          : true !default;
$form-vertical-label-padding       : 0 0 8px !default;
$form-vertical-label-margin        : 0 !default;
$form-component-height             : $input-height-base !default;
$form-component-max-height         : $input-height-lg !default;
$form-feedback-icon-size           : 14px !default;
$form-help-margin-top              : ($form-component-height - $form-component-max-height) / 2 + 2px !default;

// 提示工具（tooltip）
$tooltip-max-width                 : 250px !default;
$tooltip-color                     : #fff !default;
$tooltip-bg                        : rgba(0, 0, 0, .75) !default;
$tooltip-arrow-width               : 5px !default;
$tooltip-distance                  : $tooltip-arrow-width - 1px + 4px !default;
$tooltip-arrow-color               : $tooltip-bg !default;

// 气泡提示（popover）
$popover-bg                        : #fff !default;
$popover-color                     : $text-color !default;
$popover-min-width                 : 177px !default;
$popover-arrow-width-base          : 5;
$popover-arrow-width               : $popover-arrow-width-base * 1px !default;
$popover-arrow-color               : $popover-bg !default;
$popover-arrow-outer-color         : $popover-bg !default;
$popover-distance                  : $popover-arrow-width + 4px !default;

// 进度条（progress）
$progress-default-color            : $processing-color !default;
$progress-remaining-color          : $background-color-base !default;

//--- 菜单（menu）
$menu-inline-toplevel-item-height  : 40px !default;
$menu-item-height                  : 40px !default;
$menu-collapsed-width              : 80px !default;
$menu-bg                           : $component-background !default;
$menu-item-color                   : $text-color !default;
$menu-highlight-color              : $primary-color !default;
$menu-item-active-bg               : $item-active-bg !default;
$menu-item-group-title-color       : $text-color-secondary !default;

// 黑暗版（dark theme）
$menu-dark-color                   : $text-color-secondary-dark !default;
$menu-dark-bg                      : $layout-header-background !default;
$menu-dark-arrow-color             : #fff !default;
$menu-dark-submenu-bg              : #000c17 !default;
$menu-dark-highlight-color         : #fff !default;
$menu-dark-item-selected-bg        : $primary-color !default;

// 旋转（Spin）
$spin-dot-size-sm                  : 14px !default;
$spin-dot-size                     : 20px !default;
$spin-dot-size-lg                  : 32px !default;
$spin-dot-default                  : $text-color-secondary !default;

// 表格（table）
$table-header-bg                   : $background-color-light !default;
$table-header-sort-bg              : $background-color-base !default;
$table-header-icon-color           : $text-color-secondary !default;
$table-row-hover-bg                : $primary-1 !default;
$table-selected-row-bg             : #fafafa !default;
$table-expanded-row-bg             : #fbfbfb !default;
$table-padding-vertical            : 16px !default;
$table-padding-horizontal          : 16px !default;
$table-body-sort-bg: rgba(0, 0, 0, 0.01);
$table-border-radius-base: $border-radius-base;
$table-header-color: $heading-color;
$table-selected-row-hover-bg: $table-selected-row-bg;
$table-body-selected-sort-bg: $table-selected-row-bg;
$table-selected-row-color: inherit;
$table-footer-color: $heading-color;

$apes-table-img-radius             : 4px !default;
$apes-table-img-margin-right       : 4px !default;
$apes-table-img-max-height         : 32px !default;
$apes-table-img-max-width          : 32px !default;
$simple-table-bc                   : #fff !default;
$simple-table-pagination-jc        : flex-end !default;

// 标签（tag）
$tag-default-bg                    : $background-color-light !default;
$tag-default-color                 : $text-color !default;
$tag-font-size                     : $font-size-sm !default;

// 日期控件（time picker）
$time-picker-panel-column-width    : 56px !default;
$time-picker-panel-width           : $time-picker-panel-column-width * 3 !default;
$time-picker-selected-bg           : $background-color-base !default;
$time-picker-item-height           : 32px !default;

// 走马灯（carousel）
$carousel-dot-width                : 16px !default;
$carousel-dot-height               : 3px !default;
$carousel-dot-active-width         : 24px !default;

// 徽标数（badge）
$badge-height                      : 20px !default;
$badge-dot-size                    : 6px !default;
$badge-font-size                   : $font-size-sm !default;
$badge-font-weight                 : normal !default;
$badge-status-size                 : 6px !default;

// 评分（rate）
$rate-star-color                   : $yellow-6 !default;
$rate-star-bg                      : $border-color-split !default;

// 卡片（card）
$card-head-color                   : $heading-color !default;
$card-head-background              : $component-background !default;
$card-head-padding                 : 16px !default;
$card-inner-head-padding           : 8px !default;
$card-padding-base                 : 16px !default;
$card-padding-wider                : 32px !default;
$card-actions-background           : $background-color-light !default;
$card-shadow                       : 0 2px 8px rgba(0, 0, 0, .09) !default;
$card-head-height                  : 48px !default;
$card-hover-border                 : rgba(0, 0, 0, 0.09) !default;

// 标签页（tabs）
$tabs-card-head-background         : $background-color-light !default;
$tabs-card-height                  : 28px !default;
$tabs-card-active-color            : $primary-color !default;
$tabs-title-font-size              : $font-size-base !default;
$tabs-title-font-size-lg           : $font-size-lg !default;
$tabs-title-font-size-sm           : $font-size-base !default;
$tabs-ink-bar-bg-color             : $primary-color !default;
$tab-bar-margin                    : 0 0 8px 0 !default;
$tab-horizontal-margin             : 0 32px 0 0 !default;
$tab-vertical-margin               : 0 0 16px 0 !default;
$tab-horizontal-padding            : 12px 16px !default;
$tab-vertical-padding              : 8px 24px !default;
$tab-scrolling-size                : 32px !default;
$tab-highlight-color               : $primary-color !default;
$tab-hover-color                   : $primary-5 !default;
$tab-active-color                  : $primary-7 !default;

// 回到顶部（tackTop）
$back-top-color                    : #fff !default;
$back-top-bg                       : $text-color-secondary !default;
$back-top-hover-bg                 : $text-color !default;

// 头像（avatar）
$avatar-size-base                  : 32px !default;
$avatar-size-lg                    : 40px !default;
$avatar-size-sm                    : 24px !default;
$avatar-font-size-base             : 18px !default;
$avatar-font-size-lg               : 24px !default;
$avatar-font-size-sm               : 14px !default;
$avatar-bg                         : #ccc !default;
$avatar-color                      : #fff !default;
$avatar-border-radius              : $border-radius-base !default;

// 开关（switch）
$switch-height                     : 22px !default;
$switch-sm-height                  : 16px !default;
$switch-disabled-opacity           : 0.4 !default;
$switch-color                      : $primary-color !default;
$switch-shadow-color: fade(#00230b, 20%);
$switch-sm-checked-margin-left: -($switch-sm-height - 3px);


// 骨架屏（skeleton）
$skeleton-bg                       : #e9ecef !default;
$skeleton-after-bg                 : linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) !default;
$skeleton-border-radius            : 4px !default;
$skeleton-margin                   : 8px !default;
$skeleton-xs                       : 0.5 !default;
$skeleton-sm                       : 0.8 !default;
$skeleton-lg                       : 1.25 !default;
$skeleton-button-width             : 4rem !default;
$skeleton-button-height            : 2rem !default;
$skeleton-avatar-size              : 2rem !default;
$skeleton-avatar-border-radius     : 4px !default;
$skeleton-input-width              : 8rem !default;
$skeleton-input-height             : 1rem !default;
$skeleton-image-size               : 6rem !default;
$skeleton-image-padding            : 1.5rem !default;
$skeleton-paragraph-width          : 80% !default;
$skeleton-paragraph-height         : 1rem !default;


// 分页（pagination）
$pagination-item-size              : 32px !default;
$pagination-item-size-sm           : 24px !default;
$pagination-font-family            : Arial !default;
$pagination-font-weight-active     : 500 !default;

$pagination-color                  : $primary-color !default;

$pagination-item-color             : $pagination-color !default;
$pagination-item-border-h          : $pagination-color !default;
$pagination-item-active-color      : $pagination-color !default;
$pagination-item-active-border     : $pagination-color !default;
$pagination-item-active-color-h    : $primary-5 !default;
$pagination-item-active-border-h   : $primary-5 !default;

$pagination-jump-color-h           : $pagination-color !default;

$pagination-next-border-h          : $primary-5 !default;

$pagination-item-link-color-h      : $pagination-color !default;
$pagination-item-link-border-h     : $pagination-color !default;

$pagination-simple-border-h        : $pagination-color !default;

// 面包屑（breadcrumb）
$breadcrumb-base-color             : $text-color-secondary !default;
$breadcrumb-last-item-color        : $text-color !default;
$breadcrumb-font-size              : $font-size-base !default;
$breadcrumb-icon-font-size         : $font-size-sm !default;
$breadcrumb-link-color             : $text-color-secondary !default;
$breadcrumb-link-color-hover       : $primary-5 !default;
$breadcrumb-separator-color        : $text-color-secondary !default;
$breadcrumb-separator-margin       : 0 $padding-xs !default;

// 滑动输入条（slider）
$slider-margin                     : 14px 6px 10px !default;
$slider-rail-background-color      : $background-color-base !default;
$slider-rail-background-color-hover: #e1e1e1 !default;
$slider-track-background-color     : $primary-3 !default;
$slider-track-background-color-hover: $primary-4 !default;
$slider-handle-color               : $primary-3 !default;
$slider-handle-color-hover         : $primary-4 !default;
$slider-handle-color-focus         : tint($primary-color, 20%) !default;
$slider-handle-color-focus-shadow  : tint($primary-color, 50%) !default;
$slider-handle-color-tooltip-open  : $primary-color !default;
$slider-dot-border-color           : $border-color-split !default;
$slider-dot-border-color-active    : tint($primary-color, 50%) !default;
$slider-disabled-color             : $disabled-color !default;
$slider-disabled-background-color  : $component-background !default;

// 折叠面板（collapse）
$collapse-header-padding           : 12px 0 12px 35px !default;
$collapse-header-bg                : $background-color-light !default;
$collapse-content-padding          : $padding-md !default;
$collapse-content-bg               : $component-background !default;

// 警告提示（alert）
$alert-message-color               : $heading-color !default;
$alert-text-color                  : $text-color !default;

// 对话框（dialog）
$base-dialog-default-color         : $btn-default-color !default;
$base-dialog-default-bg            : $btn-default-bg !default;
$base-dialog-default-bg-h          : $btn-default-bg-h !default;
$base-dialog-default-border        : $btn-default-border !default;
$base-dialog-default-border-h      : $btn-default-border-h !default;

$base-dialog-primary-color         : $btn-primary-color !default;
$base-dialog-primary-bg            : $btn-primary-bg !default;
$base-dialog-primary-bg-h          : $btn-primary-bg-h !default;
$base-dialog-primary-border        : $btn-primary-border !default;
$base-dialog-primary-border-h      : $btn-primary-border-h !default;

$base-dialog-highlight-color       : $btn-highlight-color !default;
$base-dialog-highlight-bg          : $btn-highlight-bg !default;
$base-dialog-highlight-border      : $btn-highlight-border !default;

$dialog-font-size-base             : 12px !default;
$dialog-default-color              : $btn-default-color !default;
$dialog-default-bg                 : $btn-default-bg !default;
$dialog-default-bg-h               : $btn-default-bg-h !default;
$dialog-default-border             : $btn-default-border !default;
$dialog-default-border-h           : $btn-default-border-h !default;

$dialog-primary-color              : $btn-primary-color !default;
$dialog-primary-bg                 : $btn-primary-bg !default;
$dialog-primary-bg-h               : $btn-primary-bg-h !default;
$dialog-primary-border             : $btn-primary-border !default;
$dialog-primary-border-h           : $btn-primary-border-h !default;

$dialog-highlight-color            : $btn-highlight-color !default;
$dialog-highlight-bg               : $btn-highlight-bg !default;
$dialog-highlight-border           : $btn-highlight-border !default;

// 通知图标（notice-icon）
$notice-icon-list-bg-h             : $primary-1 !default;

// 通知提醒框（notification）
$notification-width                : 384px !default;
$notification-padding-vertical     : 16px !default;
$notification-padding-horizontal   : 24px !default;
$notification-padding              : $notification-padding-vertical $notification-padding-horizontal !default;
$notification-margin-bottom        : 16px !default;


// 时间轴（time line）
$time-line-color                    : $border-color-split !default;
$time-line-border                   : $border-color-split !default;
$time-line-text                     : #fff !default;
$time-line-main-color               : $primary-color !default;
$time-line-main-border              : $time-line-main-color !default;
$time-line-main-border-shadow       : $time-line-main-border !default;
$time-line-main-bg                  : $time-line-main-color !default;
$time-line-main-operate             : #00a09d !default;
$time-line-main-operate-bg          : #ecf6f6 !default;
$time-line-icon                     : $time-line-text !default;

// 树形控件（tree）
$tree-title-height                 : 24px !default;
$tree-child-padding                : 18px !default;
$tree-directory-selected-color     : #fff !default;
$tree-directory-selected-bg        : $primary-color !default;

$tree-border-radius-base           : $border-radius-base !default;

$tree-default-color                : #747a7f !default;
$tree-default-color-h              : #373a3c !default;
$tree-default-bg                   : #fff !default;
$tree-default-bg-h                 : #e6f7ff !default;

$tree-primary-color                : rgba(0, 0, 0, .65) !default;
$tree-primary-bg                   : #bae7ff !default;

$tree-horizontal-border            : #c7c7c7 !default;

$tree-check-box-color              : $tree-default-color !default;
$tree-check-box-color-h            : $tree-default-color !default;
$tree-check-box-bg                 : $tree-default-bg !default;
$tree-check-box-bg-h               : $tree-default-bg !default;
$tree-check-box-border             : $tree-default-color !default;
$tree-check-box-border-h           : $tree-default-color !default;

// 上传（upload）
$upload-pictrue-card-size          : 104px !default;

// 步骤条（steps）
$process-icon-color                : $processing-color !default;
$process-title-color               : $heading-color !default;
$process-description-color         : $text-color !default;
$process-tail-color                : $border-color-split !default;
$process-icon-text-color           : #fff !default;
$wait-icon-color                   : $disabled-color !default;
$wait-title-color                  : $text-color-secondary !default;
$wait-description-color            : $wait-title-color !default;
$wait-tail-color                   : $process-tail-color !default;
$finish-icon-color                 : $process-icon-color !default;
$finish-title-color                : $text-color !default;
$finish-description-color          : $text-color-secondary !default;
$finish-tail-color                 : $primary-color !default;
$error-icon-color                  : $error-color !default;
$error-title-color                 : $error-color !default;
$error-description-color           : $error-color !default;
$error-tail-color                  : $wait-tail-color !default;
$steps-background                  : $component-background !default;

$steps-icon-size                   : 32px !default;
$steps-small-icon-size             : 24px !default;
$steps-dot-size                    : 8px !default;
$steps-current-dot-size            : 10px !default;
$steps-desciption-max-width        : 140px !default;

// 其他（other）

$mobile-min                        : $screen-md-min !default;
$mobile-max                        : $screen-md !default;


// 表格（ag-grid）
// 原版样式变量
$icons-path                        : "~ag-grid-community/src/styles/ag-theme-balham/icons/";

// changes the default icon color
$icon-color                        : #03a9f4;

// changes the icon secondary color (checkbox background)
$alt-icon-color                    : #03a9f4;

// changes the selected checkbox check mark color
$accent-color                      : #FFFFF1;

$header-height                     : 32px;
$row-height                        : 32px;
$row-border-width                  : 1px;
$hover-color                       : cornsilk;
$border-color                      : #BDC3C7;

$ag-range-selected-color-1         : rgb(250, 235, 215);
$ag-range-selected-color-2         : darken($ag-range-selected-color-1, 10%);
$ag-range-selected-color-3         : darken($ag-range-selected-color-1, 20%);
$ag-range-selected-color-4         : darken($ag-range-selected-color-1, 30%);

// 定制变量
$ag-row-hover                      : $hover-color !default;
$ag-row-selected                   : $primary-color !default;













// -----------------------------------------------------------
// Layout Gutter


$sm                                : $layout-gutter !default;
$md                                : $layout-gutter * 2 !default;
$lg                                : $layout-gutter * 3 !default;

$grid-breakpoints :
xs $screen-xs,
sm $screen-sm,
md $screen-md,
lg $screen-lg,
xl $screen-xl !default;

// spaceing
$spacings :
0  0,
sm $sm,
md $md,
lg $lg !default;

// type
$ul-ol-margin                      : 18px !default;



// 文本
$text-sm                           : $font-size-base + 0 !default; // 12px
$text-md                           : $font-size-base + 2 !default; // 14px
$text-lg                           : $font-size-base + 4 !default; // 16px

// icon
$icon-sm                           : $font-size-base * 2 !default; // 24px
$icon-md                           : $font-size-base * 4 !default; // 48px
$icon-lg                           : $font-size-base * 6 !default; // 72px

// 宽度
$widths :
sm $layout-gutter * 20, // 160px
md $layout-gutter * 30, // 240px
lg $layout-gutter * 40 !default; // 320px

// 圆角
$border-radius-md                  : $border-radius-base !default; // 4px
$border-radius-lg                  : $border-radius-base + 2px !default; // 6px



// Colors
$white                             : #fff !default;
$black                             : #000 !default;

// scrollbar
$scrollbar-width                   : 6px !default;
$scrollbar-height                  : 6px !default;
$scrollbar-track-color             : rgba(0, 0, 0, 0.3) !default;
$scrollbar-thumb-color             : #6e6e6e !default;

// type
// ==========

// font-size
// https : //ant.design/docs/spec/font-cn#字号
$font-size-large                   : $font-size-base + 8 !default;  // 20px
$font-size-small                   : $font-size-base !default;      // 12px

$h1-font-size                      : $font-size-base + 20 !default; // 32px
$h2-font-size                      : $font-size-base + 12 !default; // 24px
$h3-font-size                      : $font-size-base + 8 !default;  // 20px
$h4-font-size                      : $font-size-base + 4 !default;  // 16px
$h5-font-size                      : $font-size-base + 2 !default;  // 14px
$h6-font-size                      : $font-size-base !default;      // 12px

$enable-all-colors                 : true !default;

// Code
$code-border-color                 : #eee !default;
$code-bg                           : #f7f7f7 !default;


$white                             : #fff !default;
$black                             : #000 !default;

// grey
$grey-6                            : #bfbfbf !default;
$grey-1                            : lighten($grey-6, 25%) !default;
$grey-2                            : lighten($grey-6, 20%) !default;
$grey-3                            : lighten($grey-6, 15%) !default;
$grey-4                            : lighten($grey-6, 10%) !default;
$grey-5                            : lighten($grey-6, 5%) !default;
$grey-7                            : darken($grey-6, 5%) !default;
$grey-8                            : darken($grey-6, 10%) !default;
$grey-9                            : darken($grey-6, 15%) !default;
$grey-10                           : darken($grey-6, 20%) !default;

$color-light-position              : 2 !default;
$color-basic-position              : 3 !default;
$color-dark-position               : 4 !default;
$color-no-list                     : 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 !default;

//$colors :
//red      $red-5           $red-6            $red-7,
//volcano  $orange-5        $orange-6         $orange-7,
//orange   $orange-5        $orange-6         $orange-7,
//gold     $orange-5        $orange-6         $orange-7,
//yellow   $yellow-5        $yellow-6         $yellow-7,
//lime     $yellowGreen-5   $yellowGreen-6    $yellowGreen-7,
//green    $green-5         $green-6          $green-7,
//cyan     $cyan-5          $cyan-6           $cyan-7,
//blue     $indigo-5        $indigo-6         $indigo-7,
//geekblue $blue-5          $blue-6           $blue-7,
//purple   $purple-5        $purple-6         $purple-7,
//magenta  $magenta-5       $magenta-6        $magenta-7,
//grey     $grey-5          $grey-6           $grey-7 !default;

// Alias
$aliasColors :
primary    blue,
success    green,
error      red,
warning    yellow !default;

// Grey patch
$greyColorer :
lighter $grey-3,
darker  $grey-9 !default;

// Badges
$badge-color                       : $white !default;
$badge-font-size                   : $font-size-base !default;
$badge-padding                     : 0 8px !default;



// Modal
$modal-lg                          : 900px !default;
$modal-md                          : 500px !default;
$modal-sm                          : 300px !default;



// track control state of visual feedback
$form-state-visual-feedback-enabled: false !default;

// search-form
$search-form-bg                    : #fbfbfb !default;
$search-form-radius                : 4px !default;

// =========LAYOUTS=========

// masonry
$masonry-column-gap                : $layout-gutter * 2 !default;

// fullscreen
$fullscreen-bg                     : #333 !default;

// --preserveWhitespaces : false
$preserve-white-spaces-enabled     : true !default;

// router ant
$router-animation-name             : antFadeIn !default;
$router-animation-duration         : 1s !default;

// placeholder
$placeholder-margin-vertical       : 15px !default;
$placeholder-padding               : 20px !default;
$placeholder-border                : #ddd !default;
$placeholder-background            : #fafafa !default;
$placeholder-color                 : #444 !default;
$placeholder-large-padding-vertical: 80px !default;

$muted-color                       : $grey-7 !default;

//--- 面板组件（panel）
//-- 滚轮组件（scroll-panel）
// 默认（default）
$scrollPanel-color                            : $gray-500 !default;
$scrollPanel-radius                           : $border-radius-base !default;
$scrollPanel-width                            : 9px !default;
$scrollPanel-height                           : 9px !default;
$scrollPanel-content-width                    : $scrollPanel-width * 2 !default;
$scrollPanel-content-height                   : $scrollPanel-height * 2 !default;
